<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米账号-登录</title>
   <link rel="stylesheet" href="css/小米login.css">
</head>
<body>
    <!-- 头部 -->
   <div class="header">
    <div class="header-center">
        <div class="header-left">
          <img src="images/小米24x24.png" alt="">
        </div>
        <div class="header-right">
         <ul>
             <li><a href="https://www.mi.com/index.html">小米商场</a></li>
             <li>让每个人都能享受科技的快乐</li>
         </ul>
        </div> 
    </div>
   </div>
   <!-- 中间部分 -->
   <div class="center">
    <img src="images/banner.png" alt="">
    <div class="login">
      <form >
          <div class="login-title">
            <ul>
                <li><a href="#">账号登录</a></li>
                <li><span></span></li>
                <li><a href="#">扫码登录</a></li>
            </ul>
          </div>
          <div class="login-body">
            <input type="text" placeholder="邮箱/手机号码/小米ID"><br>
            <input type="password" placeholder="密码"><br>
            <button>登录</button>
            <p><a href="#">手机短信登录/注册</a></p>
          </div>
          <div class="now">
            <ul>
                <li><a href="#">立即注册</a></li>
                <li><span></span></li>
                <li><a href="#">忘记密码 ?</a></li>
            </ul>
          </div>
      </form>
      <div class="icons">
            <ul>
                <li><span><img src="images/qq.png" alt=""></span></li>
                <li><span><img src="images/微博.png" alt=""></span></li>
                <li><span><img src="images/支付宝.png" alt=""></span></li>
                <li><span><img src="images/微信.png" alt=""></span></li>
            </ul>
      </div>
    </div>
   </div>
   <!-- 尾部 -->
   <div class="footer">
     <div class="footer-center">
      <ul>
          <li><a href="#">简体</a></li>
          <li><span></span></li>
          <li><a href="#">繁体</a></li>
          <li><span></span></li>
          <li><a href="#">English</a></li>
          <li><span></span></li>
          <li><a href="#">常见问题</a></li>
          <li><span></span></li>
          <li><a href="#">隐私政策</a></li>
      </ul>
      <p>小米公司版权所有-京ICP备10046444-<span><img src="images/308 省公安厅.png" alt=""></span>京公网安备11010802020134号-京ICP证110507号</p>
     </div>
   </div>
</body>
</html>